<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="icon" type="image/png" sizes="16x16" href="../plugins/images/favicon.png">
		<title>天宏批发平台</title>
		<!-- Bootstrap Core CSS -->
		<link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
		<!-- Menu CSS -->
		<link href="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css" rel="stylesheet">
		<!-- bootstrap-table CSS -->
		<link href="../plugins/bower_components/bootstrap-table/dist/bootstrap-table.min.css" rel="stylesheet">
		<!--alerts CSS -->
		<link href="../plugins/bower_components/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
		<!-- Daterange picker plugins css -->

		<link href="../plugins/bower_components/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
		<!-- animation CSS -->
		<link href="../css/animate.css" rel="stylesheet">
		<!-- Custom CSS -->
		<link href="../css/style.css" rel="stylesheet">
		<!-- color CSS -->
		<link href="../css/colors/megna-dark.css" rel="stylesheet">
		<link href="../css/account.css" rel="stylesheet">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
	</head>

	<body class="fix-header">
		<!-- ============================================================== -->
		<!-- Preloader -->
		<!-- ============================================================== -->
		<div class="preloader">
			<svg class="circular" viewBox="25 25 50 50">
				<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
			</svg>
		</div>
		<!-- ============================================================== -->
		<!-- Wrapper -->
		<!-- ============================================================== -->
		<div id="wrapper">
			<!-- ============================================================== -->
			<!-- Topbar header - style you can find in pages.scss -->
			<!-- ============================================================== -->
			<nav class="navbar navbar-default navbar-static-top m-b-0">
				<div class="navbar-header">
					<div class="top-left-part">
						<!-- Logo -->
						<a class="logo" href="index.html">
							<!-- Logo icon image, you can use font-icon also --><b>
								<!--This is dark logo icon--><img src="../img/admin-logo.png" height="27" alt="home" class="dark-logo" />
								<!--This is light logo icon--><img src="../img/admin-logo-dark.png" height="27" alt="home" class="light-logo" />
							</b>
							<!-- Logo text image you can use text also --><span class="hidden-xs text-danger font-bold" style="font-size: 22px;">
								<!--This is dark logo text-->天宏在线
							</span> </a>
					</div>
					<!-- /Logo -->

					<!-- Search input and Toggle icon -->
					<ul class="nav navbar-top-links navbar-left hidden-xs">
						<li><a href="javascript:void(0)" class="open-close waves-effect waves-light"><i class="ti-menu"></i></a></li>
						<li>
							<a href="#"><i class="ti-agenda"></i> 接口文档</a>
						</li>
						<li>
							<a href="#"><i class="ti-info-alt"></i> 教程</a>
						</li>
						<li class="dropdown">
							<a class="dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#"> 消息<span class="text-danger">4</span>条
								<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
							</a>
							<ul class="dropdown-menu mailbox">
								<li>
									<div class="drop-title">您有4条新消息</div>
								</li>
								<li>
									<div class="message-center">
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span
												 class="profile-status online pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:30 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/sonu.jpg" alt="user" class="img-circle"> <span
												 class="profile-status busy pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Sonu Nigam</h5> <span class="mail-desc">I've sung a song! See you at</span> <span class="time">9:10 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/arijit.jpg" alt="user" class="img-circle"> <span
												 class="profile-status away pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span
												 class="profile-status offline pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span>
											</div>
										</a>
									</div>
								</li>
								<li>
									<a class="text-center" href="listmessage.html"> <strong>查看所有消息</strong> <i class="fa fa-angle-right"></i>
									</a>
								</li>
							</ul>
							<!-- /.dropdown-messages -->
						</li>

						<li class="dropdown">
							<a class="dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#"> 投诉<span class="text-danger">2</span>条
								<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
							</a>
							<ul class="dropdown-menu mailbox">
								<li>
									<div class="drop-title">您有2条新投诉</div>
								</li>
								<li>
									<div class="message-center">
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/arijit.jpg" alt="user" class="img-circle"> <span
												 class="profile-status away pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span>
											</div>
										</a>
										<a href="#">
											<div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span
												 class="profile-status offline pull-right"></span> </div>
											<div class="mail-contnet">
												<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span>
											</div>
										</a>
									</div>
								</li>
								<li>
									<a class="text-center" href="listcomplain.html"> <strong>查看所有投诉</strong> <i class="fa fa-angle-right"></i>
									</a>
								</li>
							</ul>
							<!-- /.dropdown-messages -->
						</li>
					</ul>
					<ul class="nav navbar-top-links navbar-right pull-right">
						<li style="line-height: 60px; padding-right: 20px;">
							你好，金堡元科技有限公司
						</li>
						<li><a href="">余额 <span class="text-danger">1243,234.00</span></a></li>
						<li style="padding-right: 10px; padding-left: 20px;">
							<a href="../login.html" class="btn btn-sm btn-primary btn-rounded btn-outline" style="line-height: 30px;  min-height: 30px; margin-top: 12px;">退出</a>
						</li>
					</ul>
				</div>
				<!-- /.navbar-header -->
				<!-- /.navbar-top-links -->
				<!-- /.navbar-static-side -->
			</nav>
			<!-- End Top Navigation -->
			<!-- ============================================================== -->
			<!-- Left Sidebar - style you can find in sidebar.scss  -->
			<!-- ============================================================== -->
			<div class="navbar-default sidebar" role="navigation" style="top: 61px;">
				<div class="sidebar-nav slimscrollsidebar">
					<div class="sidebar-head">
						<h3><span class="fa-fw open-close"><i class="ti-close ti-menu"></i></span> <span class="hide-menu">Navigation</span></h3>
					</div>
					<ul class="nav" id="side-menu">
						<li><a href="index.html" class="waves-effect"><span class="hide-menu">首页 </span></a> </li>
						<li> <a href="javascript:void(0)" class="waves-effect "><span class="hide-menu">我要进货<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="buycards.html"><span class="hide-menu">购买产品</span></a></li>
								<li><a href="onlinebuytelfare.html"><span class="hide-menu">话费充值</span></a></li>
								<li><a href="onlinebuybatch.html"><span class="hide-menu">订单批量提交</span></a></li>
								<li><a href="onlinebuybatch_new.html"><span class="hide-menu">新订单批量提交</span></a></li>
								<li><a href="onlinebuybatch_List.html"><span class="hide-menu">新批量订单列表</span></a></li>
								<li><a href="mylist.html"><span class="hide-menu">库存管理</span></a></li>
								<li><a href="MyFavorites.html"><span class="hide-menu">我的收藏</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect active"><span class="hide-menu">交易纪录<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="IncomingCardsLog.html"><span class="hide-menu">进货纪录</span></a></li>
								<li><a href="SellLog.html"><span class="hide-menu">销售纪录</span></a></li>
								<li><a href="CapitalDetail.html"><span class="hide-menu">资金明细</span></a></li>
								<li><a href="SaleOrderSearchToParent.html"><span class="hide-menu">拆单订单查询</span></a></li>
								<li><a href="EmployeesAccountManage.html"><span class="hide-menu">员工结账管理</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">账户管理<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="bank_transfer.html"><span class="hide-menu">账户余额充值</span></a></li>
								<li><a href="MemAccountEdit.html"><span class="hide-menu">账户资料修改</span></a></li>
								<li><a href="EmpAccountManage.html"><span class="hide-menu">员工账号管理</span></a></li>
								<li><a href="EmpPrice.html"><span class="hide-menu">员工零售价设定</span></a></li>
								<li><a href="Rebate.html"><span class="hide-menu">返点提取及记录</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">安全管理<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="PwSettings.html"><span class="hide-menu">账户密码设定</span></a></li>
								<li><a href="IP.html"><span class="hide-menu">IP及所在地安全绑定</span></a></li>
								<li><a href="Hardware.html"><span class="hide-menu">硬件信息安全绑定</span></a></li>
								<li><a href="PwProtection.html"><span class="hide-menu">密保产品安全绑定</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">服务与支持<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="listcomplain.html"><span class="hide-menu">在线投诉系统</span></a></li>
								<li><a href="listmessage.html"><span class="hide-menu">平台内部短信</span></a></li>
								<li><a href="bank_transfer.html"><span class="hide-menu">发送汇款通知书</span></a></li>
							</ul>
						</li>
						<li> <a href="javascript:void(0)" class="waves-effect"><span class="hide-menu">微商城管理<span class="fa arrow"></span></span></a>
							<ul class="nav nav-second-level">
								<li><a href="weixinapplist.html"><span class="hide-menu">微商城设置</span></a></li>
								<li><a href="weixinpointset.html"><span class="hide-menu">微积分设置</span></a></li>
								<li><a href="weixinMenuList.html"><span class="hide-menu">微商城目录</span></a></li>
								<li><a href="weixinCardList.html"><span class="hide-menu">微商城商品设置</span></a></li>
								<li><a href="weixinCardPointList.html"><span class="hide-menu">商品积分设置</span></a></li>
								<li><a href="WeiXinUserList_App.html"><span class="hide-menu">APP用户管理</span></a></li>
								<li><a href="WeiXinOrderList_App.html"><span class="hide-menu">APP订单管理</span></a></li>
								<li><a href="weixinUserList.html"><span class="hide-menu">微商城粉丝</span></a></li>
								<li><a href="weixinPointList.html"><span class="hide-menu">微商城积分管理</span></a></li>
								<li><a href="weixinOrderList.html"><span class="hide-menu">微商城订单管理</span></a></li>
								<li><a href="weixinPointOrderList.html"><span class="hide-menu">微商城积分订单管理</span></a></li>
								<li><a href="weixinErrOrderList.html"><span class="hide-menu">微商城未发货订单处理</span></a></li>
								<li><a href="weixin_jfhx_orderlist.html"><span class="hide-menu">积分好享订单管理</span></a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!-- ============================================================== -->
			<!-- End Left Sidebar -->
			<!-- ============================================================== -->
			<!-- ============================================================== -->
			<!-- Page Content -->
			<!-- ============================================================== -->
			<div id="page-wrapper">
				<div class="container-fluid">
					<div class="row bg-title">
						<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
							<h4 class="page-title">员工结账管理</h4>
						</div>
						<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
							<ol class="breadcrumb">
								<li>首页</li>
								<li>交易纪录</li>
								<li class="active">员工结账管理</li>
							</ol>
						</div>
						<!-- /.col-lg-12 -->
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="white-box">
								<ul class="nav nav-tabs m-b-30" role="tablist">
									<li role="presentation" class="active"><a href="EmployeesAccountManage.html"><span>员工结账</span></a></li>
									<li role="presentation" class=""><a href="EmployeesEnterAccountsLog.html"><span>结账纪录</span></a></li>
								</ul>
								<form class="form-horizontal">
									<div class="form-group">
										<label for="inputEmail3" class="col-sm-3 control-label">结账对象</label>
										<div class="col-sm-4">
											<select name="ddlAccountObject" id="ddlAccountObject" class="form-control m-r-20">
												<option value="2351">ceshi002</option>
												<option value="570">duanhua</option>
												<option value="576">wohenhao</option>
												<option value="821">xyy1020</option>
												<option value="892">hanxiaoran</option>
												<option value="901">yanxiaoting</option>
												<option value="903">liubingfang</option>
												<option value="904">wangyunyun</option>
												<option value="907">chengyunjing</option>
												<option value="916">zhangshan</option>
												<option value="929">shaohongxia</option>
												<option value="930">gaoyucui</option>
												<option value="938">pingtaikf</option>
												<option value="939">zhangna</option>
												<option value="945">wangshijing</option>
												<option value="966">maskefu</option>
												<option value="967">shujukf</option>
												<option value="968">guojiajia</option>
												<option value="969">wangbeibei</option>
												<option value="970">panwang</option>
												<option value="1012">dongyang</option>
												<option value="1013">wangwencan</option>
												<option value="1014">chendandan</option>
												<option value="1015">wangruimei</option>
												<option value="1016">shaoxian</option>
												<option value="1029">fanyongyuan</option>
												<option value="1030">fengyaqian</option>
												<option value="1032">zhangyunping</option>
												<option value="1033">xiaohehe1210</option>
												<option value="1034">zhangzheng</option>

											</select>
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-3 control-label">财务时间段</label>
										<div class="col-sm-4">
											<input class="form-control input-daterange-datepicker" style="min-width: 330px;" type="text" name="daterange"
											 value="01/01/2015 - 01/31/2015" />
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-3 control-label">账面金额</label>
										<div class="col-sm-4">
											<span>10000.00</span>
											<button type="button" class="btn btn-primary btn-sm btn-rounded">获取</button>
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-3 control-label">实际交易金额</label>
										<div class="col-sm-4">
											<input class="form-control" type="text" placeholder="实际交易金额" />
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-3 control-label">结账备注</label>
										<div class="col-sm-4">
											<textarea rows="" cols="" class="form-control">

								      </textarea>
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-3 control-label"></label>
										<div class="col-sm-4">
											<button type="button" class="btn btn-rounded btn-primary">确认结账</button>
										</div>
									</div>
								</form>


							</div>
						</div>
					</div>



				</div>

				<!-- /.container-fluid -->
				<footer class="footer text-center">
					皖ICP备B2-20100023-15 增值电信业务经营许可证：皖B2-20100023 网络文化经营许可证皖网文[2012]0496-008号<br>
					Copyright @ since 2004 All Rights Reserved 版权所有 侵权必究<br>
					皖公网安备 34050402000019号
				</footer>
			</div>
			<!-- ============================================================== -->
			<!-- End Page Content -->
			<!-- ============================================================== -->
		</div>
		<!-- /#wrapper -->
		<!-- jQuery -->
		<script src="../plugins/bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap Core JavaScript -->
		<script src="../bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- Menu Plugin JavaScript -->
		<script src="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>
		<!-- bootstrap-table JavaScript -->
		<script src="../plugins/bower_components/bootstrap-table/dist/bootstrap-table-all.js"></script>
		<script src="../plugins/bower_components/bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js"></script>
		<!-- Sweet-Alert  -->
		<script src="../plugins/bower_components/sweetalert/sweetalert.min.js"></script>
		<!-- Date range Plugin JavaScript -->
		<script src="../plugins/bower_components/bootstrap-daterangepicker/moment.min.js"></script>
		<script src="../plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
		<!--slimscroll JavaScript -->
		<script src="../js/jquery.slimscroll.js"></script>
		<!--Wave Effects -->
		<script src="../js/waves.js"></script>
		<!-- Custom Theme JavaScript -->
		<script src="../js/custom.min.js"></script>
		<script>
			//dataTimePicker
			$('.input-daterange-datepicker').daterangepicker({
				"autoApply": true,
				"timePicker": true,
				"timePicker24Hour": true,
				"timePickerSeconds": true,
				ranges: {
					'今天': [moment(), moment()],
					'昨天': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
					'过去7天': [moment().subtract(6, 'days'), moment()],
					'过去30天': [moment().subtract(29, 'days'), moment()],
					'这个月': [moment().startOf('month'), moment().endOf('month')],
					'上个月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
				},
				locale: {
					"format": 'YYYY-MM-DD HH:mm:ss',
					"separator": " 至 ", //
					"applyLabel": "确定",
					"cancelLabel": "取消",
					"fromLabel": "起始时间",
					"toLabel": "结束时间'",
					"customRangeLabel": "自定义",
					"weekLabel": "W",
					"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
					"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
					"firstDay": 1
				}
			}, function(start, end, label) {
				console.log('您选择的时间: ' + start.format('YYYY-MM-DD') + ' - ' + end.format('YYYY-MM-DD') + ' (predefined range: ' +
					label + ')');
			});
			$('#Bootstrap-TableToolbar').bootstrapTable({
				showColumns: true,
				iconSize: 'outline',
				icons: {
					columns: 'glyphicon-list'
				},
				pagination: true,
				sidePagination: 'client',
				pageNumber: 1,
				pageSize: 10,
				buttonsAlign: 'left',
				toolbar: "#toolbar",
				toolbarAlign: 'right'
			});
		</script>
	</body>

</html>
